<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-touch-fullscreen" content="yes" />
    <meta content="telephone=no" name="format-detection">
    <title>首页</title>
    <link rel="stylesheet" href="__TMPL__Public/assets/css/Reset.css">
    <link rel="stylesheet" href="__TMPL__Public/assets/css/style.css">
    <link rel="stylesheet" href="__TMPL__Public/assets/css/swiper.min.css">
    <!--Required libraries-->
    <script src="__TMPL__Public/assets/js/jquery-v1.10.2.min.js" type="text/javascript"></script>

    <script src="__TMPL__Public/assets/js/modernizr-custom-v2.7.1.min.js" type="text/javascript"></script>
    <script src="__TMPL__Public/assets/js/jquery-finger-v0.1.0.min.js" type="text/javascript"></script>
    <!--Include flickerplate-->
    <script src="__TMPL__Public/assets/js/flickerplate.min.js" type="text/javascript"></script>
    <!--Execute flickerplate-->
    <script>
    $(document).ready(function(){
        $('.flicker-example').flicker();
    });
    </script>
</head>
<body>
    <!-- 轮播 -->
    <tc_include file="Public:head"/>
    <!-- 滚动 -->
    <div class="sc-gd">
        <ul>
            <volist name="studys" id="vo">
                <li>{$vo.study_name}</li>
            </volist>
        </ul>
        <div class="sc-logo">
            <ul>
                <volist name="studys" id="v">
                    <li style="width:100%;height:13em;margin-bottom: 3em;margin-top:0;">
                        <img src="__UPLOAD__{$v.study_pic}">
                    </li>
                </volist>
            </ul>
        </div>
        </volist>
    </div>
    <!-- 校园资讯 -->
    <div class="sc-info">
        <div class="info-title">
            <h2>校园资讯</h2>
            <p>全国一线品牌 国际潮流经典</p>
        </div>
        <div class="info-con">
            <ul>
                <li><img src="__TMPL__Public/assets/img/zx1.jpg" alt=""><p class=""><a href="#">校园快报</a></p></li>
                <li><img src="__TMPL__Public/assets/img/zx2.jpg" alt=""><p class="info-btn"><a href="#">校园动态</a></p></li>
                <li><img src="__TMPL__Public/assets/img/zx3.jpg" alt=""><p class=""><a href="#">精品创意</a></p></li>
            </ul>
        </div>
    </div>
    <!-- 合作伙伴 -->
    <div class="sc-par">
        <div class="par-title">
            <h2>COOPERATIVE PARTNER</h2>
            <p>合作伙伴</p>
        </div>
        <div class="par-con swiper-container1 swiper-container-horizontal swiper-container-multirow">
            <ul class="swiper-wrapper">
                <volist name="studys" id="vo">
                    <li class="swiper-slide">
                        <img src="__UPLOAD__{$vo.study_pic}" alt="">
                        <p>{$vo.study_name}</p>
                    </li>
                </volist>
            </ul>
        </div>
    </div>
    <!-- 底部导航 -->
    <div class="bott-footer"></div>
    <tc_include file="Public:footer"/>
    <script type="text/javascript">
        function autoScroll(obj){
            $(obj).find("ul").animate({
                marginTop : "-0.75em"
            },500,function(){
                $(this).css({marginTop : "0px"}).find("li:first").appendTo(this);
            })
        }
        function autoScrolllogo(obj){
            $(obj).find("ul").animate({
                marginTop : "-12em"
            },500,function(){
                $(this).css({marginTop : "0px"}).find("li:first").appendTo(this);
            })
        }
        $(function(){
            setInterval('autoScroll(".sc-gd")',3000);
            setInterval('autoScrolllogo(".sc-logo")',3000);

        });
    </script>

    <script>
        var swiper = new Swiper('.swiper-container1', {
            slidesPerView: 5,
            slidesPerColumn: 2,
            paginationClickable: true,
            spaceBetween: 30
        });
    </script>
</body>
</html>